<template>
  <div class="main">
    <h3>Main</h3>
    <Article/>
    <Article/>
    </div>
</template>

<!-- 加scoped 不然样式会在全局都生效-->
<style scoped>
.main {
  width: 70%;
  height: 600px;
  float: left;
  border: 5px solid #999;
  text-align: center;
  line-height: 100px;
  box-sizing: border-box;
}
</style>

<script>
import Article from './Article.vue';
export default {
    components: {
        Article
    }
}
</script>